html{min-width:90%;
zoom: 90%;
}
body {
  width: 90%;
  height: 90%;
cursor:url('cursor.cur'), -moz-zoom-in, auto;
font-family: 'Roboto', sans-serif;
}


html,body{width:auto;height:auto;padding:0px;
background-color:#0b8db3;
background-size:16px 16px;margin:0px 20px 20px 20px;
font-family: 'Roboto', sans-serif;
font-size:20px;}





	

#container {

border-radius:14px;
color:#0e0e0e;
height:90%;
width:100%;
margin-right:auto;
margin-left:auto;
border:10px solid #3c476e;
position:;

#e5eeff
}

#banner{
color:#0e0e0e;
height:auto;
width:100%;
margin-right:auto;
margin-left:auto;
background:#fff;
}

#image_box{
background:#fff;
color:#0e0e0e;
height:auto;
width:100%;
margin-right:auto;
margin-left:auto;
}

img #img1{


}

#navigation{

color:#0e0e0e;
height:auto;
width:auto;
margin-right:auto;
margin-left:auto;
border:2px solid #c0c0c0;
}


#main div{
height:auto;
width:auto;

background:#ccf5f5;
#b2f0f0
#e6f3f7
}


@font-face {
	font-family: 'Roboto', sans-serif;

}


#col1{


padding:20px;
height:1000px;

border:2px solid c0c0c0;

padding-bottom:150px;
}

.column-left{ float: left; border:1px #333;margin-top:30px;margin-left:0px;font-family: 'Roboto', sans-serif;font-size:22px;font-weight:bold; }

.column-right{ float: right; border:1px #333;margin-top:30px;font-family: 'Roboto', sans-serif; font-size:22px;font-weight:bold;margin-right:0px;  }
.column-center { 
display: inline-block; border:1px #333;margin-top:30px;font-family: 'Roboto', sans-serif; font-size:22px;font-weight:bold; 
}


.column-left:hover{   -moz-box-shadow:inset 0 0 40px #000000;-webkit-box-shadow: inset 0 0 40px #000000; box-shadow: inset 0 0 40px #000000; }	

.column-right:hover{ -moz-box-shadow:inset 0 0 40px #000000;-webkit-box-shadow: inset 0 0 40px #000000; box-shadow: inset 0 0 40px #000000;  }
.column-center:hover{ -moz-box-shadow:inset 0 0 40px #000000;-webkit-box-shadow: inset 0 0 40px #000000; box-shadow: inset 0 0 40px #000000; }


.details{ font-size:16px;font-family: 'Roboto', sans-serif; font-weight:normal;}
.details2{ font-size:16px;font-family: 'Roboto', sans-serif;  font-weight:normal;color:#fff;text-shadow: 4px 4px 4px #000;}
.heading{ text-shadow: 2px 1px #fff;color:#333; }
.heading2{ text-shadow: 2px 1px #333;color:#fff; }

table.login ,td.login {color:#fff;background:#b85c2e;}


input[type="text"]:focus,input[type="text"]:active, textarea:focus, textarea:active,input[type="checkbox"]:focus,input[type="checkbox"]:active,input[type="radio"]:focus,input[type="radio"]:active,select:focus,select:active{
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 2px solid rgba(81, 203, 238, 1);
	}


input[type="submit"]:focus,input[type="submit"]:active,button:focus,button:active{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 3px solid rgba(81, 203, 255, 1);
}








input[type='text']{
background:#f7eeea;
border-radius:4px;
line-height:15px;
padding:6px;
}

input[type='password']{
background:#f7eeea;
border-radius:2px;
line-height:15px;
padding:6px;
}

.start:hover{ 
border:0px solid #fff; background: url() no-repeat; box-shadow: 4px -10px 30px #12f812; color:#333; font-size:50px; border-top-left-radius:75px; border-top-right-radius:75px; border-bottom-left-radius:75px; border-bottom-right-radius:75px; 
}



input[type='submit']{
cursor:pointer;
background:url(http://itnas/hdcsm/assets/images/submit2.png);
width:50px;
   border: 1px solid #006;
border-radius:5px;background-color:
#53b2bf;color:#333;height:28px;
font-weight:bold;
font-size:12px;
text-shadow:0px 1px #fff;


}


input[type="submit"]:hover{
  cursor:pointer;
background:url(http://itnas/hdcsm/assets/images/submit3.png);
width:auto;
   border: 1px solid #006;
border-radius:5px;
color:#fff;height:28px;
font-weight:bold;
font-size:12px;
text-shadow:1px 1px #333;
}




input[readonly],textarea[readonly],input[readonly='readonly']
{
    background-color:#e2e2e2;
}



input[type='button']{

cursor:pointer;
background:url(http://itnas/hdcsm/assets/images/submit2.png);
width:auto;
   border: 1px solid #006;
border-radius:5px;background-color:
#53b2bf;color:#fff;height:28px;
font-weight:bold;
font-size:12px;
text-shadow:0px 1px #333;

}

#button{
cursor:pointer;
background:url(http://itnas/hdcsm/assets/images/submit2.png);
width:auto;
   border: 1px solid #006;
border-radius:5px;background-color:
#53b2bf;color:#fff;height:28px;
font-weight:bold;
font-size:12px;
text-shadow:0px 1px #333;
}

input[type="button"]:hover{
  cursor:pointer;
background:url(http://itnas/hdcsm/assets/images/submit3.png);
width:auto;
   border: 1px solid #006;
border-radius:5px;
color:#fff;height:28px;
font-weight:bold;
font-size:12px;
text-shadow:1px 1px #333;
}



#button:hover{
  cursor:pointer;
background:url(http://itnas/hdcsm/assets/images/submit3.png);
width:auto;
   border: 1px solid #006;
border-radius:5px;
color:#fff;height:28px;
font-weight:bold;
font-size:12px;
text-shadow:1px 1px #333;
}